let id = location.search.substring(4)
initEditor();
//截图的
var $image = $('#image')
var option = {
    aspectRatio: 400 / 280,
    autoCropArea: 1,
    preview: '.img-preview',
}
$image.cropper(option);


$('button:contains("选择封面")').on('click', function () {
    $('#file').trigger('click');
})

$('#file').on('change', function () {

    if (this.files.length > 0) {
        // 3.1找到文件对象
        // console.dir(this)
        let fileObj = this.files[0];
        //    为文件对象创建临时的URL,把文件对象转成url
        let url = URL.createObjectURL(fileObj);
        // console.log(url)
        //   更换剪裁区的图片。
        $image.cropper('replace', url);
    }

})

// 点击确认按钮，实现更换图片、
$('#sure').on('click', function () {
    var canvas = $image.cropper('getCroppedCanvas', {
        width: 30,
        height: 30
    });
    var base64 = canvas.toDataURL();
    $.ajax({
        type: 'POST',
        url: '/my/user/avatar',
        data: {
            avatar: base64
        },
        success: function (res) {

            if (res.status === 0) {
                layer.msg(res.message);
                //找到当前窗口的父元素。调用getUserInfo（）
                window.parent.getUserInfo()
            }
        }
    })
})

//获取类别。添加到下拉框
$.ajax({
    url: '/my/category/list',
    success: function (res) {

        if (res.status === 0) {
            let str = '';
            res.data.forEach(item => {
                str += `<option value="${item.id}">${item.name}</option>`;
            });
            $('#category').append(str);
            let form = layui.form;
            //render更新渲染你只需要执行 form.render(type, filter); type的值select	刷新select选择框渲染
            form.render('select');
            $.ajax({
                url: '/my/article/' + id,
                success: function (res) {
                    console.log(res)
                    if (res.status === 0) {
                        // let form = layui.form
                        form.val('article', res.data)
                        $image.cropper('replace', baseUrl + '/' + res.data.cover_img)

                    }
                }
            })
        }

    }
})

$('form').on('submit', function (e) {
    e.preventDefalut();
    let fd = new FormData(this)
    fd.set('content', tinyMCE.activeEditor.getContent());
    var canvas = $image.cropper('getCroppedCanvas', {
        width: 400,
        height: 280
    })
    canvas.toBlob(function (blob) {
        // 追加文件对象到fd中
        fd.append('cover_img', blob);
        $.ajax({
            type: 'POST',
            url: '/my/article/add',
            data: fd,
            success: function (res) {

                if (res.status === 0) {
                    layer.msg(res.message);
                    // 添加成功，跳转到 文章列表 页面
                    location.href = '/article/article.html'
                }
            },
            processData: false, // 不要处理数据；意思是不要把对象形式的fd转换成查询字符串形式
            contentType: false // 不要加默认的请求头（application/x-www-form-urlencoded），让浏览器自行设置请求头
        });
    });
})
//获取地址栏的id
// ?id=